<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script type="text/javascript" src="jquery-1.10.1.min.js"></script>
        <script type="text/javascript">
            var peticion_http = false;
            function llamarAjax(){
                

                if(window.XMLHttpRequest) {  
                     // Navegadores que siguen los estándares
                     peticion_http = new XMLHttpRequest();
                }
                else if(window.ActiveXObject) {  
                     // Navegadores obsoletos
                     peticion_http = new ActiveXObject("Microsoft.XMLHTTP");
                }
                peticion_http.onreadystatechange = funcionRespuesta;
                //Indicamos el metodo HTTP y el recurso del servidor que estamos
                //solicitando

                peticion_http.open('GET', 'prueba.txt', true);


                //Hacemos la llamada ajax
                 peticion_http.send(null);

            }
        
            function funcionRespuesta() {
                if(peticion_http.readyState == 4) {
                   if(peticion_http.status == 200) {
                      alert(peticion_http.responseText);
                   }
                }
            }
            
            $(document).ready(function(){
                $("#btnAjax").click(function(){
                    $.ajax({
                        url: "prueba.txt",
                        type: "POST",
                        data: null,
                        dataType: "text",
                        success: function(respuesta){
                            alert(respuesta);
                        }
                    }); 
                });
            });
        </script>
    </head>
    <body>
        <div>
            <input type="button" value="Llamar funciona AJAX (Nativo)" onclick="llamarAjax()" />
            <br/>
            <input type="button" value="Llamar funciona AJAX (JQuery)" id="btnAjax" />
        </div>
    </body>
</html>
